Which AI Model Does Your Mind Resemble? body { margin: 0; padding: 0; background-color: #000; color: #fff; font-family: Arial, sans-serif; } #ai-quiz { width: 100%; max-width: 1200px; margin: 20px auto; padding: 20px; box-sizing: border-box; } h2 { text-align: center; margin-bottom: 30px; color: #fff; } /* Container for questions in a single column */ .questions-container { display: block; } .question-box { background: #1a1a1a; border: 1px solid #444; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); padding: 20px; margin-bottom: 20px; box-sizing: border-box; width: 100%; } .question-box p { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; } .question-number { display: inline-block; background: #c1205b; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; margin-right: 10px; font-size: 16px; } label { display: block; margin-bottom: 8px; font-size: 16px; cursor: pointer; padding: 4px; border-radius: 4px; } label:hover { background-color: #333; } input[type="radio"] { margin-right: 8px; cursor: pointer; } .submit-container { text-align: center; width: 100%; margin-top: 20px; } .submit-button { padding: 12px 20px; font-size: 18px; color: #fff; background-color: #c1205b; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; } .submit-button:hover { background-color: #a51549; } #result { margin-top: 20px; padding: 20px; border: 2px solid #c1205b; border-radius: 8px; background-color: #1a1a1a; display: none; text-align: center; } #result h3 { margin-bottom: 10px; color: #c1205b; } 🧠 Which AI Model Does Your Mind Resemble? 1How would you describe your problem-solving approach? Detailed and explanatory Creative with unique perspectives Analytical and organized Fast and practical 2Which music style best reflects your mood? Classical and thoughtful tunes Alternative and experimental beats Serious and structured rhythms Energetic and popular hits 3Which activity defines you the most? Long readings and deep conversations Creative activities like art and design Planning and analysis Hands-on, practical experiments 4How do you use social media? Diving into informative content Sharing creative and aesthetic posts Producing organized, strategic content Posting short, impactful updates 5What weighs most when making a decision? Deep analysis and past experiences Creativity and intuition Logic and order Quick action and practicality 6How do you feel about learning new technologies? I love diving deep into details I enjoy creative, unconventional methods I prefer structured and methodical approaches I quickly adopt and adapt to new trends 7What is your favorite type of movie? Thought-provoking dramas Imaginative sci-fi and fantasy Documentaries and structured narratives Fast-paced action flicks 8How would friends describe your communication style? Thoughtful and detailed Expressive and innovative Logical and precise Concise and energetic 9What role do you often take in group projects? I provide thorough research I bring creative ideas I organize and plan I get things done quickly 10How do you handle stress? By reflecting and analyzing By exploring creative outlets By methodically planning solutions By taking immediate practical action Finish Quiz Result: function calculateResult() { const form = document.forms.quizForm; const answers = ["q1", "q2", "q3", "q4", "q5", "q6", "q7", "q8", "q9", "q10"]; let scores = { "ChatGPT": 0, "Gemini": 0, "Claude": 0, "Grok": 0 }; answers.forEach(qName => { let options = form[qName]; for (let i = 0; i < options.length; i++) { if (options[i].checked) { scores[options[i].value]++; } } }); let maxScore = 0; let resultModel = ""; for (let model in scores) { if (scores[model] > maxScore) { maxScore = scores[model]; resultModel = model; } } let messages = { "ChatGPT": "Your mind is detailed and explanatory, much like ChatGPT!", "Gemini": "You embrace creativity and unique perspectives, just like Gemini!", "Claude": "Your analytical and organized approach is similar to Claude!", "Grok": "Your quick and practical solutions mirror Grok's energy!" }; document.getElementById("resultText").innerText = messages[resultModel]; document.getElementById("result").style.display = "block"; }